<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
   div {
     width: 200px;
     height: 200px;
     border: 1px solid red;
    /* padding-left: 20px;
     padding-top: 20px;*/
     /*padding: 20px; 如果只写一个值 表示上下左右的边距都为20px*/
     /* padding: 10px 20px; 上下 10px  左右 20px*/
     /* padding: 10px 20px 30px; 上 10px  左右 20px 下 30px*/
     padding: 10px 20px 30px 40px;/*上 10px 右 20px 下 30px 左40px 顺时针 上右下左*/
   }
  </style>
</head>
<body>
 <div>
   内边距就是内容与边框的距离
 </div>
</body>
</html>
